<gm:page title="Encuesta" authenticate="true" onload="init()" >

  <!-- Se podría subir un archivo externo con la siguiente expresión <gm:data id="encuesta" data="http://.../encuesta.xml> -->
<gm:data id="encuesta">
    <feed>
        <entry>
        <id>0</id>
        <num>1</num>
        <pregunta>¿bla ble bli blo?</pregunta>
        <respuestaA>bla </respuestaA>
        <respuestaB>ble </respuestaB>
        <respuestaC>bli </respuestaC>
        <eleccion></eleccion>
      </entry>
      <entry>
        <id>1</id>
        <num>2</num>
        <pregunta>¿coche o moto?</pregunta>
        <respuestaA>coche</respuestaA>
        <respuestaB>moto</respuestaB>
        <respuestaC>si la respuesta no tiene verbo cómo quieres que conteste</respuestaC>
        <eleccion></eleccion>
      </entry>
      <entry>
        <id>2</id>
        <num>3</num>
        <pregunta>¿bla ble bli blo?</pregunta>
        <respuestaA>bla </respuestaA>
        <respuestaB>ble </respuestaB>
        <respuestaC>bli </respuestaC>
        <eleccion></eleccion>
      </entry>
      <entry>
        <id>3</id>
        <num>4</num>
        <pregunta>¿bla ble bli blo?</pregunta>
        <respuestaA>bla </respuestaA>
        <respuestaB>ble </respuestaB>
        <respuestaC>bli </respuestaC>
        <eleccion></eleccion>
      </entry>
      <entry>
        <id>4</id>
        <num>5</num>
        <pregunta>¿bla ble bli blo?</pregunta>
        <respuestaA>bla </respuestaA>
        <respuestaB>ble </respuestaB>
        <respuestaC>bli </respuestaC>
        <eleccion></eleccion>
      </entry>
    </feed>
</gm:data>
  
<div id="body" style="max-width:350px;  min-width:150px">

  <div id="mensajes"></div>


  <gm:list id="listRespuestas" data="${user}/respuestas" template="templateEncuesta">
      <gm:handleEvent event="select" execute="cambiaItem('upDate')"/>
  </gm:list>
  
  
  <!--
  <gm:list id="listEncuesta" data="${listRespuestas}" template="debug" style="display:none"/>  
  <gm:subscribe style="display:inline" data="${listRespuestas}" label="guarda la encuesta en formato rss"/>
  -->
      
  <gm:item data="${listRespuestas}" template="templateItem">
     <gm:handleEvent event="select" src="listRespuestas"/>
  </gm:item>
  
   <gm:item data="${listRespuestas}" create="true" template="templateItemRespuesta">
     <gm:handleEvent event="select" src="listRespuestas"/>
  </gm:item>

</div>    

      

<gm:template id="templateEncuesta">  
 <div repeat="true" class="templateEncuesta">
   <gm:number ref="atom:num"/>
   <gm:text ref="atom:pregunta"/>
   <gm:toggle/><gm:debug ref="." class="gm-toggled"/>
   <gm:text id="vistaPreviaEleccion" ref="atom:eleccion"/>
 </div>    
</gm:template>

<!--
<gm:template id="templateItem">
 <div class="templateItem">
      <p>Pregunta  <gm:number ref="atom:num" /></p>
      <p><gm:text ref="atom:pregunta"/></p>
      <p>    
        <gm:select ref="atom:eleccion">
            <gm:option value="A" selected="">A</gm:option>
            <gm:option value="B"            >B</gm:option>
            <gm:option value="C"            >C</gm:option>
        </gm:select>
        <gm:editButtons/>
      </p> 
      <button id="botonAnterior"  onclick="">&lt;&lt;&lt;</button>
      <button id="botonSiguiente" onclick=""">&gt;&gt;&gt;</button>
 </div> 
</gm:template>
-->
<gm:template id="templateItem">
     <table>
       <tr>
         <td>Pregunta  </td>
         <td><gm:number ref="atom:num" /></td>
       </tr>
       <tr>
         <td></td>
         <td><gm:text ref="atom:pregunta"/></td>
       </tr>
       <tr>
         <td></td>
         <td></td>
       </tr>
       <tr>
         <td colspan="2" style="padding-top:10px">
           <gm:editButtons text="true"/>
         </td>
       </tr>
     </table>
   </gm:template>
<gm:template id="templateItemRespuesta">
     <table>
       <tr>
         <td></td>
         <td></td>
       </tr>
       <tr>
         <td></td>
         <td></td>
       </tr>
       <tr>
         <td></td>
         <td><gm:select ref="atom:eleccion">
               <gm:option value="A" selected="true">A</gm:option>
               <gm:option value="B"                >B</gm:option>
               <gm:option value="C"                >C</gm:option>
             </gm:select></td>
       </tr>
       <tr>
         <td colspan="2" style="padding-top:10px">
           <gm:editButtons text="true"/>
         </td>
       </tr>
     </table>
   </gm:template>
   
   
<script type="text/javascript"> 
<![CDATA[

var eleccionGPath;

var listRespuestas;
var numPreguntaSeleccionada;
  
function init()
{
  try
  {
  eleccionGPath = new GPath('atom:eleccion');
  listRespuestas = google.mashups.getObjectById('listRespuestas');
  
  muestraEncuesta();
  listRespuestas.selectEntry(listRespuestas.getData().entryAt(0));
  }

  catch(err)
  {
  alert('mec!!!!INIT '+ err);
  }
}

function muestraEncuesta()
{
  var entry;             
  try
  {
  listRespuestas.setData('${encuesta}');
  }
   catch(err)
  {
  alert('mec!!!! COPIA ENCUESTA'+ err);
  }
}    


]]>
</script> 

</gm:page>